<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="5000" escape="true"/>  
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">
	    		<p:toolbarGroup align="left">
	    		<p:commandButton title="Regresar" value="Regresar" icon="icn_bar_back" action="hor_meta_sec" ajax="false" />
	    		<p:spacer width="4px"/>
	    	    <p:commandButton title="Guradar" value="Guardar" icon="icn_bar_save" actionListener="#{horarioSeccionDistribucion.optionSave}" ajax="false" rendered="#{horarioSeccionDistribucion.estado ne 3}"/>  
			</p:toolbarGroup>  
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
  
  		<p:fieldset>      	
    		<table class="form_table" style="width:100%">
    		<tr>
    			<td width="5%"><p:outputLabel styleClass="form_readonly_title" value="Año" /></td>
    			<td width="8%"><p:outputLabel styleClass="form_readonly_value" value="#{horarioMetaDetalle.annio}" /></td>
    			
    			<td width="9%"><p:outputLabel styleClass="form_readonly_title" value="Profesión" /></td>
    			<td width="66%"><p:outputLabel styleClass="form_readonly_value" value="#{horarioMetaDetalle.beanSelected.nombreProfesion}" /></td>
    		</tr>
    		<tr>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Proceso" /></td>
    			<td>
    				<p:outputLabel styleClass="form_readonly_value" value="Enero" 		rendered="#{horarioMetaDetalle.proceso eq 1}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Febrero" 	rendered="#{horarioMetaDetalle.proceso eq 2}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Marzo" 		rendered="#{horarioMetaDetalle.proceso eq 3}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Abril" 		rendered="#{horarioMetaDetalle.proceso eq 4}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Mayo" 		rendered="#{horarioMetaDetalle.proceso eq 5}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Junio" 		rendered="#{horarioMetaDetalle.proceso eq 6}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Julio" 		rendered="#{horarioMetaDetalle.proceso eq 7}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Agosto" 		rendered="#{horarioMetaDetalle.proceso eq 8}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Septiembre" 	rendered="#{horarioMetaDetalle.proceso eq 9}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Octubre" 	rendered="#{horarioMetaDetalle.proceso eq 10}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Noviembre" 	rendered="#{horarioMetaDetalle.proceso eq 11}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Diciembre" 	rendered="#{horarioMetaDetalle.proceso eq 12}" />
    			</td>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Módulo" /></td>
    			<td><p:outputLabel styleClass="form_readonly_value" value="#{horarioMetaDetalle.beanSelected.nombreModulo}" /></td>
    		</tr>
    		<tr>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Turno" /></td>
    			<td>
    				<p:outputLabel styleClass="form_readonly_value" value="Mañana" 	rendered="#{horarioMetaDetalle.turno eq 1}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Tarde" 	rendered="#{horarioMetaDetalle.turno eq 2}" />
    				<p:outputLabel styleClass="form_readonly_value" value="Noche" 	rendered="#{horarioMetaDetalle.turno eq 3}" />
    			</td>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Unidad Didáctica" /></td>
    			<td><p:outputLabel styleClass="form_readonly_value" value="#{horarioMetaDetalle.beanSelected.nombreUnidad} (#{horarioMetaDetalle.beanSelected.valorHoras} horas) " /></td>
    		</tr>
    		<tr>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Sección" /></td>
    			<td><p:outputLabel styleClass="form_readonly_value" value="#{horarioSeccionDistribucion.bean.nombre}"/></td>
    			<td><p:outputLabel styleClass="form_readonly_title" value="Tipo de Ambiente" /></td>
    			<td><p:outputLabel styleClass="form_readonly_value" value="#{horarioSeccionDistribucion.nombreTipo} (#{horarioSeccionDistribucion.nombreHoras}) - Capacidad Mínimia: #{horarioSeccionDistribucion.total}" /></td>
    		</tr>
    		</table>
    	</p:fieldset>
    	<p:spacer height="5px"/>
    	
   		<p:panel>
		<table class="form_table">
		<tr>
			<td><p:outputLabel for="txtAmb" value="Ambiente" /></td>
			<td><p:outputLabel for="txtCap" value="Capacidad" /></td>
		</tr>
		<tr>
			<td>
        		<p:selectOneMenu id="txtAmb" value="#{horarioSeccionDistribucion.ambiente}" style="width:250px;" disabled="#{horarioSeccionDistribucion.estado eq 3}">
					<f:selectItems value="#{horarioSeccionDistribucion.ambienteList}"/>
					<p:ajax event="change" update=":frmList" listener="#{horarioSeccionDistribucion.selectAmbiente}"/>
				</p:selectOneMenu>
			</td>
			<td><p:inputText id="txtCap" value="#{horarioSeccionDistribucion.capacidad}" disabled="true" size="5"/></td>
		</tr>
		</table>
		</p:panel>
		
		<p:dataTable id="horarioList" var="item" value="#{horarioSeccionDistribucion.horario}" emptyMessage="#{constante.LIST_EMPTY}" >
     		
     		<f:facet name="header">
				<h:outputText value="Distribución de Horario" />  
			</f:facet>
							
			<p:column headerText="Hora" style="width:10%; align:center;" >   
				<h:outputText value="#{item.nombreHoras}"/>
			</p:column>		
			
			<p:column headerText="Lunes" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeLunes}">
					<p:selectBooleanCheckbox value="#{item.lunes}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/>  
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="1" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.lunes}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeLunes}"/>
			</p:column>
			
			<p:column headerText="Martes" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeMartes}">
					<p:selectBooleanCheckbox value="#{item.martes}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/>  
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="2" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.martes}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeMartes}"/>
			</p:column>	
			
			<p:column headerText="Miercoles" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeMiercoles}">
					<p:selectBooleanCheckbox value="#{item.miercoles}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/>  
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="3" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.miercoles}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeMiercoles}"/>
			</p:column>	
			
			<p:column headerText="Jueves" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeJueves}">
					<p:selectBooleanCheckbox value="#{item.jueves}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/> 
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="4" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.jueves}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeJueves}"/>
			</p:column>	
			
			<p:column headerText="Viernes" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeViernes}">
					<p:selectBooleanCheckbox value="#{item.viernes}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/>   
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="5" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.viernes}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeViernes}"/>
			</p:column>	
			
			<p:column headerText="Sabado" style="white-space:normal; text-align: center; width:15%;">
				<p:commandLink action="#{horarioSeccionDistribucion.setHorarioNuevo}" rendered="#{item.freeSabado}">
					<p:selectBooleanCheckbox value="#{item.sabado}" disabled="#{horarioSeccionDistribucion.estado eq 3}"/>   
					<f:setPropertyActionListener value="#{item}" target="#{horarioSeccionDistribucion.selectHorario}" />
					<f:setPropertyActionListener value="6" target="#{horarioSeccionDistribucion.selectDia}" />
					<f:setPropertyActionListener value="#{item.sabado}" target="#{horarioSeccionDistribucion.selectEstado}" />
				</p:commandLink>
				<h:outputText value="--- No Disponible ---" style="color:red" rendered="#{!item.freeSabado}"/>
			</p:column>	
        	      	        
		</p:dataTable>
		
	</h:form>
    </ui:define>
</ui:composition>